<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        *{
           margin:0;
           padding:0;
           list-style: none;
       }
       #mark{
           float:left;
       }
       #mark img{
           width:50px;
           height:50px;
           border-radius: 50%;
       }
       #box img{
           width: 100%;
           height:400px;
       }
       .tab_list{
            width:100%;
            height:60px;
            background-color: rosybrown;
        }
        #main{
            margin:0 auto;
            width:70%;
            /* height:800px; */
            overflow: hidden;
            background-color: rgb(250, 241, 229);
        }
        #linee{
            width:100%;
            height:50px;
            margin:0 auto;
            background-color: bisque;
        }
        #linee p{
            position: absolute;
            margin-left: 20px;
            margin-top:10px;
            font-size: 20px;
        }
        #address{
            width:70%;
            height:80px;
            /* margin:0 auto; */
            margin:20px;
            padding:20px;
            background-color: rgb(250, 197, 132);
        }
        #newnew{
            margin:30px;
        }
        #changechange{
            float:right;
            margin-top:-50px;
            margin-right:100px;
        }
    </style>
</head>
<body>
    <div class="tab">
        <div class="tab_list">
            <div id="mark">
                <img src="../images/dog.jpg" style="float:left;margin-top:5px;margin-left: 10px;" alt="">
            </div>
        </div>
        <div id="main">
            <p style="margin:5px;font-size:15px;color:red;">温馨提示：地址只能修改一次哦!!!!!!!!!!</p>
            <div id="linee"><p>添加地址</p></div>
            <div id="newnew">
                <p>添加新的收货地址：<br>
                    姓名：<input type="text">
                    电话：<input type="text"><br>
                    <input type="text">省
                    <input type="text">市<br>
                    详细地址<input type="text"><br>
                </p>
            </div>
            <div id="linee"><p>选择已有地址</p></div>
            <div id="address">
                <h3><input type="radio" name="add">&nbsp;宋甜甜</h3>
                <p>17602967415</p>
                <p>陕西省西安市长安区郭杜街道西安邮电大学</p>
                <div id="lll"></div>
            </div>
            <div id="address">
                <h3><input type="radio" name="add"s>&nbsp佩奇</h3>
                <p>17602967415</p>
                <p>陕西省西安市长安区郭杜街道西安邮电大学</p>
                <div id="lll"></div>
            </div>
        </div>
        <div style="background-color:rosybrown;width:100%;
        height:100px;">
        <button id="changechange">确认修改</button>    
    </div>
    </div>
</body>
</html>